<template>
  <!-- <Header /> -->
  Vuex <button @click="show">点击</button>
  <!-- <Footer /> -->
</template>

<script>
export default {
  name: 'SVuex'
}
</script>
<script setup>
// 需要什么组件，在这里引入（头部，底部）
import Header from '@/components/Header.vue'
import Footer from '@/components/Footer.vue'
// 使用vuex
import { useStore } from 'vuex'
const store = useStore()

const show = () => {
  // 数据
  console.log(store.state.home)
  // 请求
  store.dispatch('user/logout')
  // 操作数据
  store.commit('user/LOGOUT')
}
</script>
